<!DOCTYPE html>
<html>
<head lang="zh-CN">
    <meta charset="UTF-8">
    <!--引入页面资源-->
    <%include("./common/resources.html"){}%>
    <title>黑白空间</title>
</head>
<body>
<!--引入头部导航设定-->
<%include("./common/header.html"){}%>
<!--首页的主体部分，左右分组-->
<div class="uk-container uk-container-center uk-margin-top">
    <div class="uk-grid">
        <div class="uk-width-2-3">
            <div class="uk-panel">
                <div class="uk-panel-badge uk-badge">推荐</div>
                <h3 class="uk-panel-title tm-article-subtitle">今日发布</h3>

                <div class="tm-aticle-list">
                    <ul class="uk-list uk-list-line">
                        <li>
                            <div class="uk-article">

                                <h1 class="uk-article-title">文章标题-洛神赋</h1>

                                <p class="uk-article-meta">由 曹植 撰写于 2012年12月12日 | 发表在 博客</p>

                                <p class="uk-article-lead">黄初三年，余朝京师，还济洛川。古人有言，斯水之神，名曰宓妃。感宋玉对楚王神女之事，遂作斯赋，其词曰：</p>

                                <p>黄初三年，余朝京师，还济洛川。古人有言，斯水之神，名曰宓妃。感宋玉对楚王神女之事，遂作斯赋，其词曰：</p>
                                <hr class="uk-article-divider">
                                <p>余从京域，言归东藩，背伊阙
                                    ，越轘辕，经通谷，陵景山。日既西倾，车殆马烦。尔乃税驾乎蘅皋，秣驷乎芝田，容与乎阳林，流眄乎洛川。于是精移神骇，忽焉思散。俯则未察，仰以殊观。睹一丽人，于岩之畔。乃援御者而告之曰：“尔有觌于彼者乎？彼何人斯，若此之艳也！”御者对曰：“臣闻河洛之神，名曰宓妃。然则君王所见，无乃是乎？其状若何，臣愿闻之。”</p>
                                <a href="#">继续阅读</a>

                            </div>
                        </li>
                        <li>
                            <div class="uk-article">

                                <h1 class="uk-article-title">文章标题-洛神赋</h1>

                                <p class="uk-article-meta">由 曹植 撰写于 2012年12月12日 | 发表在 博客</p>

                                <p class="uk-article-lead">黄初三年，余朝京师，还济洛川。古人有言，斯水之神，名曰宓妃。感宋玉对楚王神女之事，遂作斯赋，其词曰：</p>

                                <p>黄初三年，余朝京师，还济洛川。古人有言，斯水之神，名曰宓妃。感宋玉对楚王神女之事，遂作斯赋，其词曰：</p>
                                <hr class="uk-article-divider">
                                <p>余从京域，言归东藩，背伊阙
                                    ，越轘辕，经通谷，陵景山。日既西倾，车殆马烦。尔乃税驾乎蘅皋，秣驷乎芝田，容与乎阳林，流眄乎洛川。于是精移神骇，忽焉思散。俯则未察，仰以殊观。睹一丽人，于岩之畔。乃援御者而告之曰：“尔有觌于彼者乎？彼何人斯，若此之艳也！”御者对曰：“臣闻河洛之神，名曰宓妃。然则君王所见，无乃是乎？其状若何，臣愿闻之。”</p>
                                <a href="#">继续阅读</a>

                            </div>
                        </li>
                        <li>...</li>
                    </ul>
                </div>

            </div>
        </div>
        <div class="uk-width-1-3">
            <div class="uk-panel uk-panel-box">
                <h3 class="uk-panel-title">2016-03-12 22:12:23</h3>
                <button class="uk-button uk-button-parimary">签到</button>
            </div>
            <div class="uk-panel uk-panel-box">
                <h3 class="uk-panel-title">最新评论</h3>
                <ul class="uk-list uk-list-line">
                    <li>[小丑魚]评论了【最新的一天】1天前 </li>
                    <li>[小丑魚]评论了【最新的一天】1天前 </li>
                    <li>[小丑魚]评论了【最新的一天】1天前 </li>
                    <li>[小丑魚]评论了【最新的一天】1天前 </li>
                </ul>
            </div>
            <div class="uk-panel uk-panel-box">
                <div class="uk-panel-badge uk-badge">更多标签</div>
                <h3 class="uk-panel-title">热门标签</h3>
                <button class="uk-button uk-button-parimary">签到</button>
            </div>
        </div>
    </div>
</div>
<!--用户登录窗口-->
<div id="userLoginDialog" class="uk-modal">
    <div class="uk-modal-dialog">
        <div class="uk-modal-header tm-modal-header">用户登录</div>
        <form class="uk-form">
            <div class="uk-form-row">
                <label class="uk-form-label" for="user_name">用户名</label>
                <div class="uk-form-controls uk-margin-small-top">
                    <input type="text" id="login_user_name" class="uk-width-1-1  uk-form-large" placeholder="请输入用户名">
                </div>
            </div>
            <div class="uk-form-row">
                <label class="uk-form-label" for="user_psw">密码</label>
                <div class="uk-form-controls uk-margin-small-top">
                    <input type="password" id="login_user_psw" class="uk-width-1-1 uk-form-large" placeholder="请输入登录密码">
                </div>
            </div>
            <div class="uk-form-row">
                <div class="uk-form-controls">
                    <input type="checkbox" id="remember_me"> <label for="remember_me">记住我</label><br>
                </div>
            </div>
        </form>
        <div class="uk-modal-footer uk-text-center"><button id="userLoginBtn" class="uk-button uk-button-primary">登录</button>&nbsp;<button class="uk-button uk-button-warning">取消</button></div>
    </div>
</div>
<!--用户注册窗口-->
<div id="userRegisterDialog" class="uk-modal">
    <div class="uk-modal-dialog">
        <div class="uk-modal-header tm-modal-header">新用户注册</div>
        <form class="uk-form">
            <div class="uk-form-row">
                <label class="uk-form-label" for="register_user_name">用户名</label>
                <div class="uk-form-controls uk-margin-small-top">
                    <input type="text" id="register_user_name" class="uk-width-1-1  uk-form-large" placeholder="请输入用户名/邮箱">
                </div>
            </div>
            <div class="uk-form-row">
                <label class="uk-form-label" for="register_user_psw">密码</label>
                <div class="uk-form-controls uk-margin-small-top">
                    <input type="password" id="register_user_psw" class="uk-width-1-1 uk-form-large" placeholder="请输入登录密码">
                </div>
            </div>
            <div class="uk-form-row">
                <label class="uk-form-label" for="register_user_confirmpsw">确认密码</label>
                <div class="uk-form-controls uk-margin-small-top">
                    <input type="password" id="register_user_confirmpsw" class="uk-width-1-1 uk-form-large" placeholder="请输入确认登录密码">
                </div>
            </div>
        </form>
        <div class="uk-modal-footer uk-text-center"><button id="userRegisterBtn" class="uk-button uk-button-primary">注册</button>&nbsp;<button class="uk-button uk-button-warning">取消</button></div>
    </div>
</div>
<script type="text/javascript" src="${ctxPath}/js/miniblog.js"></script>
</body>
</html>